@import 'mixins';

.g-container{
  position:relative;
  width:100%;
  max-width:640px;
  min-width:320px;
  height:100%;
  margin:0 auto;
  overflow:hidden;
}

.g-view-container{
  height:100%;
  padding-bottom:$tabbar-height;
}

.g-header-container{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  z-index:$navbar-z-index;
}

.g-content-container{
  height:100%;
  padding-top: $navbar-height;
}

.g-footer-container{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  z-index:$tabbar-z-index;
  box-shadow:0 0 10px 0 hsla(0, 6%, 58%, 0.6);
}

.g-backtop-container{
  position: absolute;
  right:10px;
  bottom:$tabbar-height + 10px;
  z-index:$backtop-z-index;
}